<!DOCTYPE html PUBLIC 
	"-//W3C//DTD XHTML 1.1 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<title>Theme exemple</title>
    <link href="styles/tools.css" rel="stylesheet" type="text/css" media="all"/>
    <link href="styles/typo.css" rel="stylesheet" type="text/css" media="all"/>
    <link href="styles/forms.css" rel="stylesheet" type="text/css" media="all"/>
    <link href="styles/grids.css" rel="stylesheet" type="text/css" media="all"/>
    <link href="styles/layout-nonav.css" rel="stylesheet" type="text/css" media="all"/>
    <link href="styles/layout.css" rel="stylesheet" type="text/css" media="all"/>
    <style type="text/css">
    	body { behavior: url(<s:url value='/resources/styles/csshover.htc'/>); }
    </style>
</head>
<body id="page-home">
	<div id="page">
		<div id="header">
			<table class="design"><tr><td class="left"></td>
			<td class="middle">
		        <div class="content">
		        	My Movie Collection
		        </div>
		        <div id="search">
		        	Search
		        </div>
		        <div id="branding">
		        	Branding
		        </div>
			</td><td class="right"></td></tr></table>
		</div>
		<div id="content">
			<table class="design"><tr><td class="left"></td>
			<td class="middle">
		        <div class="content" class="clearfix">
		            <div class="main">
		            	Body Content
		            	
		            	<table class="grid">
		            		<tr><th>Key</th><th>Value</th></tr>
		            		<tr class="line0"><td>0</td><td>Line 0</td></tr>
		            		<tr class="line1"><td>1</td><td><a href="#">Line 1 with a little comment in</a></td></tr>
		            		<tr class="line0"><td>2</td><td>Line 2</td></tr>
		            		<tr class="line1"><td>1</td><td>Line 1</td></tr>
		            		<tr class="line0"><td>2</td><td>Line 2</td></tr>
		            		<tr class="line1"><td>1</td><td>Line 1</td></tr>
		            		<tr class="line0"><td>2</td><td>Line 2 .....</td></tr>
		            		<tr class="line1"><td>1</td><td>Line 1</td></tr>
		            		<tr class="line0"><td>2</td><td>Line 2</td></tr>
		            	</table>
		            </div>
		            
		            <div id="sub">
		            	<h3>Sub Content</h3>
		            </div>
		            
		            <div id="local">
		                <h3>Local Nav. Bar</h3>
		                <ul>
		                    <li><a href="#">Content page 1</a></li>
		                    <li><a href="#">Content page 2</a></li>
		                    <li><a href="#">Content page 3</a></li>
		                    <li><a href="#">Content page 4</a></li>
		                    <li><a href="#">Content page 5</a></li>
		                    <li><a href="#">Content page 6</a></li>
		                </ul>
		            </div>
		            
		            
		            <div id="nav">
		                <div class="wrapper">
			                <h3>Nav. bar</h3>
			                <ul class="clearfix">
			                     <li><a href="#">Menu 1</a></li>
			                     <li><a href="#">Menu 2</a></li>
			                     <li><a href="#">Menu 3</a></li>
			                     <li><a href="#">Menu 4</a></li>
			                     <li><a href="#">Menu 5</a></li>
			                     <li class="last"><a href="#">Menu 6</a></li>
			                </ul>
		                </div>
		                <hr />
		            </div>
		        </div>
			</td><td class="right"></td></tr></table>
		</div>
		<div id="footer">
			<table class="design"><tr><td class="left"></td>
			<td class="middle">
				<div class="content">
					Footer
		        </div>
			</td><td class="right"></td></tr></table>
		</div>
	</div>
    
    <div id="extra1">&nbsp;</div>
    <div id="extra2">&nbsp;</div>
</body>
</html>
